$(function(){
	var deptGrid = $("#deptGrid");
	//初始化
	deptGrid.datagrid({
		url:'dept/list',
		fit:true,
		rownumbers:true,
		fitColumns:true,
		pagination : true,// 是否显示分页栏
		columns : [ [ {
			field : 'name',
			title : '部门名称',
			align : 'center',
			width : 100
		},{
			field : 'deptManager',
			title : '部门经理',
			align : 'center',
			width : 100
		},{
			field : 'remark',
			title : '备注',
			width : 100,
			align : 'center'
		}, {
			field : 'ac',
			title : '操作',
			width : 100,
			align : 'center',
			formatter:function(value,row,index){
				var bts = [];
				bts.push('<a data-index="'+index+'" class="ctr edit">编辑</a>');
				bts.push('<a data-id="'+row.id+'" data-index="'+index+'" class="ctr delete">删除</a>');
				return bts.join('');
			}
		} ] ],
		toolbar:[
		     {
		    	 iconCls:'icon-add',
		    	 text:"添加部门",
		    	 handler:function(){
		    		 deptForm();
		    	 }
		     }
		         ]
		
	});
	
	var name = $("#dept");
	var deptManager = $("#deptManager");

	// 检索按钮事件
	$("#deptSearch").on('click', function() {
		deptGrid.datagrid("load", {
			name : "%" + name.val() + "%",
			deptManager : "%" + deptManager.val() + "%"
		});
	});

	
	var form = $("#deptSearchForm"); 

	$("#deptReset").on('click', function() {
		form.form('clear');
		// 清除查询参数
		deptGrid.datagrid("load", {});
	});
	
	var gridPanel = deptGrid.datagrid("getPanel");
	gridPanel.on("click", "a.edit", function() {
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = deptGrid.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].id;
		deptForm(id);
	}).on("click", "a.delete", function() {
		// 获取data-xxx绑定的标签属性数据
		var index = this.dataset.index;
		var id = this.dataset.id;
		$.messager.confirm("提示", "您确定要删除此数据?", function(r) {
			// 点击了确定按钮，r返回的结果为true
			if (r) {
				$.get("dept/delete/" + id, function(rs) {
					if (rs.success) {
						// 刷新表格
						deptGrid.datagrid("reload");
					} else {
						$.message.alert("提示", rs.message);
					}
				});
			}
		});
	});
	
	/**
	 * 用户表单，新建和编辑都调用此方法
	 */
	function deptForm(id){
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'dept/add_dept' + (id ? ("/" + id) : ""),
			title:"部门信息",
			height:305,
			width:340,
			modal : true,
			onClose : function() {
				// 窗口关闭的同时销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '保存',
				handler : function() {
					// 获取到表单对象
					var deptForm = $("#deptForm");
					// 校验表单
					if (deptForm.form('validate')) {
						// serialize方法可以获取到表单所有数据
						$.post("dept/save", deptForm.serialize(), function(rs) {
							if (rs.success) {
								//刷新数据表格
								deptGrid.datagrid("reload");
								//关闭窗口
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}
			} ]
		});
	}
});